<template>
	<div class="main1IntervalGraph" v-if="pageData" @click="cancelLeftClickMenu" @contextmenu.stop="cancelLeftClickMenu">
		<ScaleBox :width="1920">
		  <MonitorHeader :title="$route.query.ftName">
		    <template v-slot:btns>
		      <button @click="routerToMainPage">主接线图</button>
		      <button>光字牌分图</button>
		      <button @click="clearAll($route.query.ftName)">画面清闪</button>
		      <button @click="operationRecords">操作记录</button>
		    </template>
		  </MonitorHeader>
			<div class="wrapper" ref="page">
				<div class="ctn">
					<div class="one">
						<div style="font-size: 25px">211遥测</div>
						<div style="font-size: 25px">CT:600/5</div>
						<div v-for="(item,index) in this.pageData['211遥测']" :key="index" class="numItem">
							<div v-if="item.unit!==''" :style="{ color: getColor(item.state_desc) }">{{ `${item.state_desc}(${item.unit})` }}</div>
							<div v-else :style="{ color: getColor(item.state_desc) }">{{ item.state_desc }}</div>
							<div @contextmenu.prevent.stop="checkVal(item)" style="cursor: pointer">{{ `${Number(item.state_val).toFixed(2)}` }}</div>
						</div>
					</div>
					<div class="two">
						<div style="font-size: 25px">111遥测</div>
						<div style="font-size: 25px">CT:1200/5</div>
						<div v-for="(item,index) in this.pageData['111遥测']" :key="index" class="numItem">
							<div v-if="item.unit!==''" :style="{ color: getColor(item.state_desc) }">{{ `${item.state_desc}(${item.unit})` }}</div>
							<div v-else :style="{ color: getColor(item.state_desc) }">{{ item.state_desc }}</div>
							<div @contextmenu.prevent.stop="checkVal(item)" style="cursor: pointer">{{ `${Number(item.state_val).toFixed(2)}` }}</div>
						</div>
					</div>
					<div class="three">
						<div style="font-size: 25px">511遥测</div>
						<div style="font-size: 25px">CT:4000/5</div>
						<div v-for="(item,index) in this.pageData['511遥测']" :key="index" class="numItem">
							<div v-if="item.unit!==''" :style="{ color: getColor(item.state_desc) }">{{ `${item.state_desc}(${item.unit})` }}</div>
							<div v-else :style="{ color: getColor(item.state_desc) }">{{ item.state_desc }}</div>
							<div @contextmenu.prevent.stop="checkVal(item)" style="cursor: pointer">{{ `${Number(item.state_val).toFixed(2)}` }}</div>
						</div>
					</div>
					<div class="four">
						<div class="title">接线图</div>
						<div class="svgWrapper">
							<svg style="width: 100%;height: 100%;">
								<g>
									<g transform="translate(100,0)">
										<line x1="260" y1="25" x2="260" y2="300" stroke="rgb(240,65,85)" stroke-width="4"></line>
										<line x1="290" y1="25" x2="290" y2="300" stroke="rgb(240,65,85)" stroke-width="4"></line>
										<text x="300" y="45" fill="rgb(240,65,85)" style="font-size: 18px">110kV Ⅰ母</text>
										<text x="160" y="45" fill="rgb(240,65,85)"  style="font-size: 18px">110kV Ⅱ母</text>
									</g>
									<g transform="translate(260,0)">
										<line x1="260" y1="25" x2="260" y2="300" stroke="rgb(128,0,128)" stroke-width="4"></line>
										<line x1="290" y1="25" x2="290" y2="300" stroke="rgb(128,0,128)" stroke-width="4"></line>
										<text x="300" y="290" fill="rgb(128,0,128)" style="font-size: 18px">220kV Ⅱ母</text>
										<text x="160" y="290" fill="rgb(128,0,128)"  style="font-size: 18px">220kV Ⅰ母</text>
									</g>
									<g>
										<line x1="330" y1="160" x2="390" y2="160" stroke="rgb(240,65,85)" stroke-width="2"></line>
										<line x1="330" y1="190" x2="360" y2="190" stroke="rgb(240,65,85)" stroke-width="2"></line>
										<line x1="229" y1="160" x2="289" y2="160" stroke="rgb(240,65,85)" stroke-width="2"></line>
										<!-- 111-2 -->
										<connect-line
											:state="Number(pageData['glg'][1].state_val)"
											:stateDesc="pageData['glg'][1].state_desc"
											:name="'-'+pageData['glg'][1].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['glg'][1]"
											:translate-x="325"
											:translate-y="191"
											:text-translate-y="-38"
											:text-translate-x="30"
											:rotate="180"
											@itemRightClick="itemRightClick"
										/>
										<!-- 111-1 -->
										<connect-line
											:state="Number(pageData['glg'][0].state_val)"
											:stateDesc="pageData['glg'][0].state_desc"
											:name="'-'+pageData['glg'][0].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['glg'][0]"
											:translate-x="325"
											:translate-y="222"
											:text-translate-y="-38"
											:text-translate-x="30"
											:rotate="180"
											@itemRightClick="itemRightClick"
										/>
										<polyline points="289,130 259,130 259,190 289,190" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
										<!-- 111-1KD -->
										<terminal-svg
											:state="Number(pageData['dd'][0].state_val)"
											:stateDesc="pageData['dd'][0].state_desc"
											:name="'-'+pageData['dd'][0].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['dd'][0]"
											:translate-x="340"
											:translate-y="108"
											:text-translate-x="-40"
											:text-translate-y="-30"
											:rotate="90"
											@itemRightClick="itemRightClick"
										/>
										<!-- 111 -->
										<rect-svg
											:state="Number(pageData['dlq'][0].state_val)"
											:stateDesc="pageData['dlq'][0].state_desc"
											:translate-y="120"
											:translate-x="191"
											:text-translate-x="7"
											:text-translate-y="0"
											:scale="1"
											:info="pageData.dlq[0]"
											@itemRightClick="itemRightClick"
											:itemObj="{is_clear:pageData['dlq'][0].is_clear}"
											:name="pageData['dlq'][0].state_desc"
										></rect-svg>
										<line x1="132" y1="160" x2="192" y2="160" stroke="rgb(240,65,85)" stroke-width="2"></line>
										<polyline points="162,160 162,190 132,190" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
										<!-- 111-4 -->
										<connect-line
											:state="Number(pageData['glg'][2].state_val)"
											:stateDesc="pageData['glg'][2].state_desc"
											:name="'-'+pageData['glg'][2].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['glg'][2]"
											:translate-x="126"
											:translate-y="191"
											:text-translate-y="-38"
											:text-translate-x="30"
											:rotate="180"
											@itemRightClick="itemRightClick"
										/>
										<!-- 111-4KD -->
										<terminal-svg
											:state="Number(pageData['dd'][1].state_val)"
											:stateDesc="pageData['dd'][1].state_desc"
											:name="'-'+pageData['dd'][1].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['dd'][1]"
											:translate-x="78"
											:translate-y="210"
											:text-translate-x="55"
											:text-translate-y="30"
											:rotate="-90"
											@itemRightClick="itemRightClick"
										/>
										<polyline points="90,130 60,130 60,160" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
										<!-- 111-4BD -->
										<terminal-svg
											:state="Number(pageData['dd'][2].state_val)"
											:stateDesc="pageData['dd'][2].state_desc"
											:name="'-'+pageData['dd'][2].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['dd'][2]"
											:translate-x="142"
											:translate-y="108"
											:text-translate-x="-40"
											:text-translate-y="-30"
											:rotate="90"
											@itemRightClick="itemRightClick"
										/>
										<polyline points="400,387 20,387 20,160 90,160" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
									</g>
									<g>
										<line x1="522" y1="160" x2="582" y2="160" stroke="rgb(128,0,128)" stroke-width="2"></line>
										<line x1="552" y1="130" x2="582" y2="130" stroke="rgb(128,0,128)" stroke-width="2"></line>
										<line x1="625" y1="160" x2="685" y2="160" stroke="rgb(128,0,128)" stroke-width="2"></line>
										<!-- 211-1 -->
										<connect-line
											:state="Number(pageData['glg'][3].state_val)"
											:stateDesc="pageData['glg'][3].state_desc"
											:name="'-'+pageData['glg'][3].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['glg'][3]"
											:translate-x="588"
											:translate-y="127"
											:text-translate-y="30"
											:text-translate-x="40"
											@itemRightClick="itemRightClick"
										/>
										<!-- 211-2 -->
										<connect-line
											:state="Number(pageData['glg'][4].state_val)"
											:stateDesc="pageData['glg'][4].state_desc"
											:name="'-'+pageData['glg'][4].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['glg'][4]"
											:translate-x="588"
											:translate-y="97"
											:text-translate-y="30"
											:text-translate-x="40"
											@itemRightClick="itemRightClick"
										/>
										<polyline points="625,190 655,190 655,130 625,130" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
										<!-- 211-1KD -->
										<terminal-svg
											:state="Number(pageData['dd'][3].state_val)"
											:stateDesc="pageData['dd'][3].state_desc"
											:name="'-'+pageData['dd'][3].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['dd'][3]"
											:translate-x="640"
											:translate-y="170"
											:text-translate-x="-40"
											:text-translate-y="15"
											:rotate="90"
											@itemRightClick="itemRightClick"
										/>
										<!-- 211 -->
										<rect-svg
											:state="Number(pageData['dlq'][1].state_val)"
											:stateDesc="pageData['dlq'][1].state_desc"
											:translate-y="120"
											:translate-x="683"
											:text-translate-x="7"
											:text-translate-y="0"
											:scale="1"
											:info="pageData.dlq[1]"
											@itemRightClick="itemRightClick"
											:itemObj="{is_clear:pageData['dlq'][1].is_clear}"
											:name="pageData['dlq'][1].state_desc"
										></rect-svg>
										<line x1="721" y1="160" x2="781" y2="160" stroke="rgb(128,0,128)" stroke-width="2"></line>
										<polyline points="751,160 751,130 781,130" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
										<!-- 211-4 -->
										<connect-line
											:state="Number(pageData['glg'][5].state_val)"
											:stateDesc="pageData['glg'][5].state_desc"
											:name="'-'+pageData['glg'][5].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['glg'][5]"
											:translate-x="786"
											:translate-y="127"
											:text-translate-y="32"
											:text-translate-x="35"
											@itemRightClick="itemRightClick"
										/>
										<!-- 211-4KD -->
										<terminal-svg
											:state="Number(pageData['dd'][4].state_val)"
											:stateDesc="pageData['dd'][4].state_desc"
											:name="'-'+pageData['dd'][4].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['dd'][4]"
											:translate-x="835"
											:translate-y="108"
											:text-translate-x="-40"
											:text-translate-y="-30"
											:rotate="90"
											@itemRightClick="itemRightClick"
										/>
										<polyline points="853,160 853,190 823,190" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
										<!-- 211-4BD -->
										<terminal-svg
											:state="Number(pageData['dd'][5].state_val)"
											:stateDesc="pageData['dd'][5].state_desc"
											:name="'-'+pageData['dd'][5].state_desc.split('-')[1]"
											:scale="0.8"
											:info="pageData['dd'][5]"
											:translate-x="770"
											:translate-y="209"
											:text-translate-x="55"
											:text-translate-y="30"
											:rotate="-90"
											@itemRightClick="itemRightClick"
										/>
										<polyline points="823,160 893,160 893,320 450,320 450,350" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
									</g>
									<g>
										<circle r="20" cx="450" cy="370" fill="none" :stroke-width="1" stroke="rgb(128,0,128)"></circle>
										<polyline points="450,360 450,370 460,380" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
										<line x1="450" y1="370" x2="440" y2="380" stroke="rgb(128,0,128)" stroke-width="2"></line>
										<line x1="415" y1="355" x2="480" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
										<polyline points="418,350 408,351 413,360 418,350" stroke="none" stroke-width="2" fill="rgb(128,0,128)"></polyline>
										<circle r="20" cx="450" cy="405" fill="none" :stroke-width="1" stroke="rgb(0,210,0)"></circle>
										<polyline points="450,395 460,410 440,410 450,395" stroke="rgb(0 ,210,0)" stroke-width="2" fill="none"></polyline>
										<g transform="translate(-30,18)">
											<circle r="20" cx="450" cy="370" fill="none" :stroke-width="1" stroke="rgb(240,65,85)"></circle>
											<polyline points="450,360 450,370 460,380" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
											<line x1="450" y1="370" x2="440" y2="380" stroke="rgb(240,65,85)" stroke-width="2"></line>
										</g>
									</g>
									<line x1="450" y1="425" x2="450" y2="460" stroke="rgb(0,210,0)" stroke-width="2"></line>
									<!-- 511-4 -->
									<connect-line
										:state="Number(pageData['glg'][7].state_val)"
										:stateDesc="pageData['glg'][7].state_desc"
										:name="'-'+pageData['glg'][7].state_desc.split('-')[1]"
										:scale="0.8"
										:info="pageData['glg'][7]"
										:translate-x="482"
										:translate-y="462"
										:text-translate-y="0"
										:text-translate-x="10"
										:rotate="90"
										@itemRightClick="itemRightClick"
									/>
									<line x1="450" y1="500" x2="450" y2="520" stroke="rgb(0,210,0)" stroke-width="2"></line>
									<!-- 511 -->
									<rect-svg
										:state="Number(pageData['dlq'][2].state_val)"
										:stateDesc="pageData['dlq'][2].state_desc"
										:translate-y="518"
										:translate-x="490"
										:text-translate-x="7"
										:text-translate-y="0"
										:scale="1"
										:rotate="90"
										:info="pageData.dlq[2]"
										@itemRightClick="itemRightClick"
										:itemObj="{is_clear:pageData['dlq'][2].is_clear}"
										:name="pageData['dlq'][2].state_desc"
									></rect-svg>
									<line x1="450" y1="555" x2="450" y2="575" stroke="rgb(0,210,0)" stroke-width="2"></line>
									<!-- 511-1 -->
									<connect-line
										:state="Number(pageData['glg'][6].state_val)"
										:stateDesc="pageData['glg'][6].state_desc"
										:name="'-'+pageData['glg'][6].state_desc.split('-')[1]"
										:scale="0.8"
										:info="pageData['glg'][6]"
										:translate-x="482"
										:translate-y="580"
										:text-translate-y="0"
										:text-translate-x="10"
										:rotate="90"
										@itemRightClick="itemRightClick"
									/>
									<line x1="450" y1="618" x2="450" y2="650" stroke="rgb(0,210,0)" stroke-width="2"></line>
									<line x1="320" y1="652" x2="580" y2="652" stroke="rgb(0,210,0)" stroke-width="4"></line>
									<text x="320" y="640" fill="rgb(0,210,0)" style="font-size: 18px">110kV Ⅰ母</text>
									
									<!-- 升档  降档 -->
									<g transform="translate(100,240)">
										<g style="cursor: pointer;">
											<rect x="10" y="12" width="50" height="50" fill="transparent" stroke="rgb(240,65,85)" stroke-width="4"></rect>
											<polyline points="35,20 52,35 45,35 45,53 25,53 25,35 18,35 35,20" stroke="none" stroke-width="2" fill="rgb(240,65,85)"></polyline>
											<text x="18" y="95" fill="#fff" style="font-size: 18px">升档</text>
										</g>
										<!-- 降档 -->
										<g transform="translate(100,0)" style="cursor: pointer;">
											<rect x="10" y="12" width="50" height="50" fill="transparent" stroke="rgb(240,65,85)" stroke-width="4"></rect>
											<g transform="rotate(180 35 37)">
												<polyline points="35,20 52,35 45,35 45,53 25,53 25,35 18,35 35,20" stroke="none" stroke-width="2" fill="rgb(240,65,85)"></polyline>
											</g>
											<text x="17" y="95" fill="#fff" style="font-size: 18px">降档</text>
										</g>
									</g>
									
								</g>
							</svg>
						</div>
						<div class="newState">
							<div class="address">
								<div></div>
								<div>A网</div>
								<div>B网</div>
							</div>
							<div class="state">
								<div class="stateItem" v-for="(item, index) in netStateList" :key="index">
									<p>{{item.name}}</p>
									<div class='itm'>
										<div v-for="(items, idx) in item.list" :key="idx">
											<net-state :info="items" :state="items.state_val"></net-state>
										</div> 
									</div>
								</div>
							</div>
						</div>
						<ul class="bashouGroup">
							<li v-for="(item, index) in pageData['操作把手']" :key="index">
								<div class="YuanFangicon">
									<div class="yuanfang" v-if="item.state_desc.includes('解锁')">
										<p>联锁</p>
										<p>解锁</p>
									</div>
									<div class="yuanfang" v-else>
										<p>远方</p>
										<p>就地</p>
									</div>
									<div class="polygon-icon">
										<KongZhiBaShou
											:info="item" 
											:name="item.state_desc" 
											:state="Number(item.state_val)"  
											@itemRightClick="itemRightClick" 
											:deviceName="item.state_desc"  
											:jianGeMing="item.jg_name"
										></KongZhiBaShou>
									</div>
								</div>
								<p>{{item.state_desc}}</p>
							</li>
						</ul>
						<div class="yaoce">
							<div class="yaoceItem" v-for="(item, index) in  pageData['遥测']" :key="index">
								<p>{{item.state_desc}}</p>
								<p @contextmenu.prevent.stop="checkVal(item)">{{item.state_val}}</p>
							</div>
						</div>
					</div>
					<div class="five">
						<div class="title">保护测控压板状态</div>
						<div class="yabanList">
							<div class="yabanItem" v-for="(o, index) in flexiblePlatenDataList[0].list" :key="index" @click.prevent.stop="itemRightClick($event, 'ruanyaban', o.state_desc,Number(o.state_val), o.id,o.jg_name,o)">
								<RuanYaBan :state="Number(o.state_val)" :info="o"></RuanYaBan>
							</div>
						</div>
					</div>
				</div>
			</div>
		</ScaleBox>
		<rightClickmenuList
		  v-if="rightMenuObj && showMenu"
		  :right-menu-obj="rightMenuObj"
		  @menuItemClick="menuItemClick"
		/>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible_0"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">操作人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入操作人</label>
		      <el-select
		        size="small"
		        v-model="operatorPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.operatorList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入密码</label>
		      <el-input
		        v-model="operatorPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit_0"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit_0">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible_0 = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">监护人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入监护人</label>
		      <el-select
		        size="small"
		        v-model="adminPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.adminList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入监护员密码</label>
		      <el-input
		        v-model="adminPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="switchPatrolDialog"
		  :visible.sync="dialogVisible"
		  :close-on-press-escape="true"
		  :close-on-click-modal="true"
		  :width="`40%`"
		  :modal="false"
		  @before-close="handleDialogClose"
		>
		  <!-- 隔离刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'gelidao'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 地刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'didao'
		    "
		  >
		    <!--          遥控-->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 0">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>暂无内容</span>
		    </template>
		
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 4">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>暂无内容</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 5">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 0
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 5
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 断路器 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'duanluqi'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>确定要将{{
		          currentSelectMenuItemObj.currentObj.name
		        }}开关清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 3">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>确定要将全部设备进行清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="clearFlesh"
		        >确定</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 3
		        "
		        size="small"
		        @click="clearAll"
		        >确定</el-button>
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 把手 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'bashou'
		    "
		  >
		    <!-- 操作 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">操作</p>
		      <span>暂无内容</span>
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		    </span>
		  </template>
		
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'ruanyaban'
		    "
		  >
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		    </span>
		  </template>
		</el-dialog>
		<el-dialog
		  ref="operateRecordDialogRef"
		  custom-class="operateRecordDialog"
		  :modal="false"
		  :close-on-click-modal="false"
		  v-if="operationRecordsDialogVisible"
		  :visible.sync="operationRecordsDialogVisible"
		  v-dialogDrag:{dialogDrag}="true"
		  width="35%"
		>
		  <p slot="title" class="el-dialog__title">操作记录</p>
		  <div class="messageAlarmList">
		    <el-table :data="operationRecordsData" width="100%" height="250">
		      <el-table-column
		        prop="num"
		        label="序号"
		        width="85"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.num
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="createTime"
		        label="操作时间"
		        width="160"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.createTime
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="log_desc"
		        label="操作描述"
		        header-align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.log_desc
		          }}</span>
		        </template>
		      </el-table-column>
		    </el-table>
		  </div>
		</el-dialog>
	</div>
</template>

<script src="./script.js"></script>

<style lang="less" src="./style.less" scoped></style>